import type { Form } from "@/base-ui/form/types"

export const formConfig: Form = {
  // 表单数据
  formItems: [
    {
      field: "name",
      type: "input",
      label: "菜单名称",
      placeholder: "请输入菜单名称"
    },
    {
      field: "file",
      type: "input",
      label: "菜单文件",
      placeholder: "请输入菜单文件"
    },
    {
      field: "path",
      type: "input",
      label: "菜单路径",
      placeholder: "请输入菜单路径"
    },
    {
      field: "level",
      type: "select",
      label: "菜单等级",
      placeholder: "请选择菜单等级",
      options: [
        { title: "一级", value: 1 },
        { title: "二级", value: 2 },
        { title: "三级", value: 3 }
      ]
    },
    {
      field: "status",
      type: "select",
      label: "菜单状态",
      placeholder: "请选择菜单状态",
      options: [
        { title: "启用", value: 1 },
        { title: "禁用", value: 0 }
      ]
    },
    {
      field: "time",
      type: "datepicker",
      label: "时间",
      otherOptions: {
        startPlaceholder: "开始时间",
        endPlaceholder: "结束时间",
        type: "daterange"
      }
    }
  ],
  // label宽度
  labelWidth: "100px",
  // 表单项样式
  itemStyle: {
    padding: "10px 30px"
  },
  // 表单布局
  colLayout: {
    xl: 6, // ≥1920px   4个
    lg: 8, // ≥1200px   3个
    md: 12, //≥992px    2个
    sm: 24, // ≥768px   1个
    xs: 24 // <768px    1个
  }
}
